<template>
  <ul class="simple-nav">
    <li v-for="item in navs"
        :key="item.code"
        :class="{active: item.code === field}"
        @click.stop.prevent="gotoHome(item.code)"
    >
      <a @click.prevent>{{item.name}}</a>
    </li>
  </ul>
</template>

<script>
  import {gotoHome, fieldState} from "@/mixins"

  export default {
    name: "simpleNav",
    mixins: [gotoHome, fieldState],
    data () {
      return {}
    },
    computed: {
      navs() {
        return this.$store.getters.navList;
      }
    }
  }
</script>

<style scoped>

</style>
